<?php

$root = \Instelling::GET('website.root');
$mode = 'DISABLED';

//-- alghemene persoonsinformatie
$persoonData = $this->getData('persoon');

if ($persoonData['aanhef'] == 'M') {
    $optieDhr = true;
    $optieMevr = false;
} else {
    $optieDhr = false;
    $optieMevr = true;
}

$algemeen  = $this->_velden->radioGroep(['id'=>'aanhef',
                                        'inline'=>true,
                                        'mode'=>$mode,
                                        'opties'=>[['label'=>'Dhr.','geselecteerd'=>$optieDhr,'waarde'=>'M'],
                                                   ['label'=>'Mevr.','geselecteerd'=>$optieMevr,'waarde'=>'V']]]);

$algemeen .= $this->_velden->inputTekst(['id'=>'voornaam',
                                       'waarde'=>$persoonData['voornaam'],
                                       'label'=>'Uw voornaam',
                                       'placeholder'=>'uw voornaam',
                                       'mode'=>$mode]);
$algemeen .= $this->_velden->inputTekst(['id'=>'naam',
                                       'waarde'=>$persoonData['naam'],
                                       'label'=>'Uw naam',
                                       'placeholder'=>'uw naam',
                                       'mode'=>$mode]);

$algemeen .= $this->_velden->inputTekst(['id'=>'initialen',
                                         'waarde'=>$persoonData['initialen'],
                                         'label'=>'Uw initialen',
                                         'placeholder'=>'uw initialen',
                                         'mode'=>$mode]);

$geboorteDatum = date('d-m-Y',strtotime($persoonData['geborenop']));
$algemeen .= $this->_velden->inputTekst(['id'=>'geborenop',
                                         'waarde'=>$geboorteDatum,
                                         'label'=>'Uw geboortedatum',
                                         'placeholder'=>'Uw geboortedatum',
                                         'mode'=>$mode]);

$algemeen .= $this->_velden->inputTekst(['id'=>'email',
                                         'waarde'=>$persoonData['email'],
                                         'label'=>'Uw e-mail',
                                         'placeholder'=>'uw e-mail',
                                         'mode'=>$mode]);

$algemeen .= $this->_velden->inputTekst(['id'=>'mobiel',
                                         'waarde'=>$persoonData['mobiel'],
                                         'label'=>'Uw mobiel nummer',
                                         'placeholder'=>'uw mobiel',
                                         'mode'=>$mode]);

//-- foto
if (!empty($persoonData['foto'])) {
    $foto = '<img id="foto" class="img-responsive" src="'.\Instelling::GET('website.root').$persoonData['foto'].'">';
} else {
    $foto = '<p>Geen foto beschikbaar</p>';
}
$foto = <<<EOD
    <div id="profielFoto">
        <div id="profielFotoKader">
            <div id="profielFotoInhoud">
                {$foto}
            </div>
        </div>
        <div style="position:relative;">
            <a class='btn btn-primary formulierveld' href='javascript:;' disabled='disabled'>
                Selecteer foto...
                <input type="file" style='position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;' name="fotoupload" id="fotoupload" size="40"  onchange='$("#bestandinfo").html($(this).val());'>
            </a>
            &nbsp;
            <span class='label label-info' id="bestandinfo"></span>
        </div>
    </div>
EOD;

//-- adressen
function genereerAdres($soort,$data,$veldObj) {
    global $mode;
    $html  = '';
    
    $html .= $veldObj->inputTekst(['id'=>$soort.'_straat',
                                          'waarde'=>$data['straat'],
                                          'label'=>'straat',
                                          'placeholder'=>'uw straat',
                                          'mode'=>$mode]);
    $html .= $veldObj->inputTekst(['id'=>$soort.'_nummer',
                                          'waarde'=>$data['nummer'],
                                          'label'=>'huisnummer',
                                          'placeholder'=>'huisnummer van het pand',
                                          'mode'=>$mode]);
    $html .= $veldObj->inputTekst(['id'=>$soort.'_bus',
                                          'waarde'=>$data['bus'],
                                          'label'=>'bus',
                                          'placeholder'=>'bus',
                                          'mode'=>$mode]);
    $html .= $veldObj->inputTekst(['id'=>$soort.'_postcode',
                                          'waarde'=>$data['postcode'],
                                          'label'=>'postcode',
                                          'placeholder'=>'postcode van de gemeente',
                                          'mode'=>$mode]);
    $html .= $veldObj->inputTekst(['id'=>$soort.'_gemeente',
                                          'waarde'=>$data['gemeente'],
                                          'label'=>'gemeente',
                                          'placeholder'=>'de gemeente',
                                          'mode'=>$mode]);
    $html .= $veldObj->inputTekst(['id'=>$soort.'_land',
                                          'waarde'=>$data['land'],
                                          'label'=>'land',
                                          'placeholder'=>'land',
                                          'mode'=>$mode]);
    return $html;
}                
                
$adresData = $this->getData('adres');

$adressen = ['H'=>['status'=>False,'straat'=>'','nummer'=>'','bus'=>'','gemeente'=>'','postcode'=>'','land'=>''],
             'D'=>['status'=>False,'straat'=>'','nummer'=>'','bus'=>'','gemeente'=>'','postcode'=>'','land'=>''],
             'W'=>['status'=>False,'straat'=>'','nummer'=>'','bus'=>'','gemeente'=>'','postcode'=>'','land'=>'']];
if (count($adresData) > 0) {
    foreach($adresData as $dbAdres) {
        $soort = strtoupper(trim($dbAdres['soort']));
        $velden = $adressen[$soort];
        foreach($velden as $veld => $tmp) {
            if ($veld == 'status') {
                $adressen[$soort]['status'] = true;
            } else {
                $adressen[$soort][$veld] = $dbAdres[$veld];
            }
        }    
    }
}
    

$adresLinks  = '<p><input type="checkbox" value="1" id="H_adres" disabled="disabled" class="formulierveld"';
$adresLinks .= boolval($adressen['H']['status'])?' checked="checked"':'';
$adresLinks .= '> &nbsp;Huisadres</p>';
$adresLinks .= '<div class="adresWrapper';
$adresLinks .= $adressen['H']['status']?'':' hidden';
$adresLinks .= '" id="H_adresWrapper">';
$adresLinks .= genereerAdres('H',$adressen['H'],$this->_velden);
$adresLinks .= '<input type="checkbox" value="1" id="D_adres" disabled="disabled" class="formulierveld"';
$adresLinks .= $adressen['D']['status']?' checked="checked"':'';
$adresLinks .= '> &nbsp;Leveradres (indien afwijkend van huisadres)</p>';
$adresLinks .= '<div class="adresWrapper';
$adresLinks .= $adressen['D']['status']?'':' hidden';
$adresLinks .= '" id="D_adresWrapper">';
$adresLinks .= genereerAdres('D',$adressen['D'],$this->_velden);
$adresLinks .= '</div>';
$adresLinks .= '</div>';

$adresRechts  = '<p><input type="checkbox" value="1" id="W_adres" disabled="disabled" class="formulierveld"';
$adresRechts .= $adressen['W']['status']?' checked="checked"':'';
$adresRechts .= '> &nbsp;Adres werk</p>';
$adresRechts .= '<div class="adresWrapper';
$adresRechts .= $adressen['W']['status']?'':' hidden';
$adresRechts .= '" id="W_adresWrapper">';
$adresRechts .= genereerAdres('W',$adressen['W'],$this->_velden);
$adresRechts .= '</div>';

//-- wachtwoord
$wachtwoord  = $this->_velden->inputWachtwoord(['id'=>'w8wHuidig',
                                           'waarde'=>'',
                                           'label'=>'Huidig wachtwoord',
                                           'placeholder'=>'huidig wachtwoord',
                                           'mode'=>$mode]);
$wachtwoord .= $this->_velden->inputWachtwoord(['id'=>'w8wNieuw',
                                           'waarde'=>'',
                                           'label'=>'Nieuw wachtwoord',
                                           'placeholder'=>'nieuw wachtwoord',
                                           'mode'=>$mode]);
$wachtwoord .= $this->_velden->inputWachtwoord(['id'=>'w8wBevestig',
                                           'waarde'=>'',
                                           'label'=>'Herhaal nieuw wachtwoord',
                                           'placeholder'=>'herhaal nieuw wachtwoord',
                                           'mode'=>$mode]);

//-- html formulier
$html = <<<EOD
    <h1>Mijn profiel</h1> 
    <hr>
    <div id="boodschap"></div>
    <div id="profielInhoud" role="tabpanel">
        <ul class="nav nav-tabs" role="tablist">
            <li class="active"><a href="#profielAlgemeen" aria-controls="profielAlgemeen" role="tab" data-toggle="tab">Algemeen</a></li>
            <li ><a href="#profielAdres" aria-controls="profielAdres" role="tab" data-toggle="tab">Adres</a></li>
            <li ><a href="#profielWachtwoord" aria-controls="profielWachtwoord" role="tab" data-toggle="tab">Wachtwoord</a></li>
        </ul>
        <p>&nbsp;</p>
        <div class="tab-content">
            <div role="tab-panel" class="active tab-pane" id="profielAlgemeen">
                <div class="container">
                    <div class="row">
                        <div class="profielLinks col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            {$algemeen}
                        </div>
                        <div class="profielRechts col-lg-6 col-md-6 col-sm-12 col-xs-12 ">
                            {$foto}
                        </div>
                        <br class="clear">
                    </div>
                </div>
            </div>
            <div role="tab-panel" class="tab-pane" id="profielAdres">
                <div class="profielLinks col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    {$adresLinks}
                </div>
                <div class="profielRechts col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    {$adresRechts}
                </div>
                <br class="clear">
            </div>
            <div role="tab-panel" class="tab-pane" id="profielWachtwoord">
                <div class="profielLinks col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    {$wachtwoord}
                </div>
                <div class="profielRechts col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    &nbsp;
                </div>
                <br class="clear">
            </div>
        </div>    
        <div id="profielKnoppen" class="formulierSubmitKnoppens">
            <br class="clearfix">
            <div id="ajaxLoader" class="pull-left"><img src="{$root}common/ajaxLoader.gif" width="60" height="20"> Bezig met bijwerken... even geduld...</div>
        </div>
    </div>
EOD;

$actieBalk = new WidgetActieBalk\Controller\Index();
$actieBalk->index(['links'=>[['id'=>'profielbewerken','class'=>'btn-default','glyph'=>'glyphicon-lock','tekst'=>'Bewerken'],
                             ['id'=>'profielopslaan','class'=>'btn-primary','glyph'=>'glyphicon-ok','tekst'=>'Opslaan'],
                             ['id'=>'profielannuleren','class'=>'btn-default','glyph'=>'glyphicon-remove','tekst'=>'Annuleren']],
                   'rechts'=>[]]);
  
\Weergave::SETKOPPELING('css','cms/modules/Profiel/Views/Index/index.css');
\Weergave::SETKOPPELING('js','cms/modules/Profiel/Views/Index/index.js');
\Weergave::SETWEERGAVE('inhoud',$html);